<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>登录页面</title>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/JQuery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<p>更多公开源码</p>
	 <a href="https://gitee.com/yan6818" target="_blank">我的仓库</a>
	<a href="https://blog.csdn.net/yy6818" target="_blank">我的cdn </a>
	<a href="http://wpa.qq.com/msgrd?v=3&uin=+184773349&site=qq&menu=yes" target="_blank">我的qq </a>
    <form action="index.html" class="login-form">
<h1>login</h1>
<div class="txtb">
	<input type="text"  />
	<span data-placeholder="Username">
	</span>
</div>
<div class="txtb">
	<input type="password"  />
	<span data-placeholder="Password">
	</span>
</div>
	<input type="submit" class="logbtn" value="login"/>
	
	<div class="bottom-text">
		Don't have account?  <a href="#">Sing in</a>
		
	</div>
</form>
<script type="text/javascript">
	$(".txtb input").on("focus",function(){
		$(this).addClass("focus");
	})
	$(".txtb input").on("blur",function(){
		if($(this).val()=="")
		$(this).removeClass("focus");
	
	})

</script>
</body>
</html>